<template>
	<view class="content">
		<!-- 列表 -->
		<view class="list">
			<view class="list-item" v-for="(item,index) in list">
				<view class="list-item-row">
					<u--text :text="item.title" bold size="18" class="item-title" color="gold"></u--text>
					<u-button color="red" text="复制" class="item-btn" size="mini"></u-button>
				</view>
			</view>
		</view>
		<!-- end -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				topTitle:'新春佳节，万象更新。让我们共同欢度一个温馨、祥和、快乐的春节！祝福您和您的家人新春快乐，阖家幸福，万事如意！',
				list:[
					{title:'新春快乐，阖家幸福！'},
					{title:'恭贺新禧，祝福您和家人身体健康，万事如意！'},
					{title:'迎春接福，好运连连！'},
					{title:'金鸡报喜，新年大吉！'},
					{title:'祝您在新的一年里事业顺利，家庭美满，财运亨通！'},
					{title:'新年新气象，愿您和家人平安喜乐，幸福安康！'},
					{title:'新春到来，祝您在新的一年里事业有成，心想事成！'},
					{title:'祝您在新的一年里笑口常开，好运连连！'},
					{title:'新年快乐，步步高升！'},
				],
			}
		},
		onLoad() {
			
		},
		methods: {
			
		}
	}
</script>

<style>
	.list{
		padding: 30rpx;
	}
	.list-item-row{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.list-item{
		background-color: #ffffff;
		border-radius: 10rpx;
		padding: 20rpx;
		margin-bottom: 20rpx;
		
		background-image: url('/static/banner/banner10.png');
		background-size:cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.list-item:last-child{
		margin-bottom: 0;
	}
	.item-title{
		padding-bottom: 10rpx;
	}
	.tags-i:last-child{
		margin-right: 0;
	}
	.item-btn{
		width: 100rpx;
		margin: 0;
	}
</style>